<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="common::common(title='基础数据')">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" ></meta>
</head>
<script type="text/javascript" th:src="@{/js/mall/poster.js?v=}+${new java.util.Date().getTime()}"></script>

<style>
  .avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .avatar-uploader .el-upload:hover {
    border-color: #409EFF;
  }
  .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
  }
  .avatar {
    width: 100px;
    height: 100px;
    display: block;
  }
</style>

<body>
<div id="app" v-cloak>
  <el-container @keyup.enter.native="query">
	    <el-main class="inner_main">
	    	<el-form :model="addData" ref="dialogForm" :rules="rules">
	      	<el-form-item label="背景图" prop="bckImage" 
      		:label-width="dialogConfig.formLabelWidth">
		      	<el-upload
				  class="avatar-uploader"
				  accept="image/jpeg,image/gif,image/png,image/bmp"
				  :action="uploadUrl()"
				  :show-file-list="false"
				  :on-success="handleAvatarSuccess_bckImage"
				  :before-upload="beforeAvatarUpload">
				  <img v-if="imageUrl_bckImage" :src="imageUrl_bckImage" class="avatar">
				  <i v-else class="el-icon-plus avatar-uploader-icon"></i>
				  
				</el-upload>
			</el-form-item>
		  	<el-form-item label="标题描述" prop="title" 
      		:label-width="dialogConfig.formLabelWidth">
			  	<el-input v-model="addData.title" :size="size"  auto-complete="off" style="width:220px;"></el-input>
		     </el-form-item>
		  	<el-form-item label="二级标题" prop="titleTwo" 
      		:label-width="dialogConfig.formLabelWidth">
			  	<el-input v-model="addData.titleTwo" :size="size"  auto-complete="off" style="width:220px;"></el-input>
		     </el-form-item>
		  	<el-form-item label="三级标题" prop="titleThree" 
      		:label-width="dialogConfig.formLabelWidth">
			  	<el-input v-model="addData.titleThree" :size="size"  auto-complete="off" style="width:220px;"></el-input>
		     </el-form-item>
		  	<el-form-item label="标题颜色" prop="titleColor" 
      		:label-width="dialogConfig.formLabelWidth">
      			<el-color-picker v-model="addData.titleColor" :size="size"></el-color-picker>
		     </el-form-item>
		  	<el-form-item label="昵称颜色" prop="nameColor" 
      		:label-width="dialogConfig.formLabelWidth">
      			<el-color-picker v-model="addData.nameColor" :size="size"></el-color-picker>
		     </el-form-item>
		     <el-form-item  
      		:label-width="dialogConfig.formLabelWidth">
			    <el-button type="primary" @click="submitForm('dialogForm')" size="small">确 定</el-button>
		     </el-form-item>
		  </el-form>
	    </el-main>
	</el-container>
</div>
</body>
</html>